body{
    background: url('back.png') repeat-x #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.6em;
    }
#visual-portal-wrapper{
    width: 980px;
    margin: 0 auto;
    }
#portal-header{
    position: relative;
    }
#portal-column-one{
     width: 19em;
    }
.tileHeadline a{
   color: #087ac0 !important;
    }
.more a{
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 0;
    }
.documentContent ul{
    margin:0;
    }
.tileImage{
    margin: 0 2.5em 0.5em 0.5em;
    }
.portletNavigationTree dt.portletHeader{
    display: none;
    }
.portletNavigationTree dd.portletItem{
    border: none;
    background-color: #f8f7f7;
    padding: 0;
    }
.navTree li{
     border-top: 1px solid #e5e5e5;
     background-color: #f8f7f7;
     font-size: 10px;
    }
.navTreeItem a, dd.portletItem .navTreeItem a {
     border: none;
     padding: 0.5em;
     color:black;
    }
.navTreeItem a:hover, dd.portletItem .navTreeItem a:hover {
     border: none;
     padding: 0.5em;
     color:black;
    }
.limpiar{
     clear:both;
    }
/************** PORTAL TOP *****************/
#portal-menutop{
    background-color: #064771 !important;
    float: right;
    height: auto;
    line-height: normal;
    list-style-image: none;
    list-style-type: none;
    margin: 1px 0 0;
    padding: 3px 2em 3px 0;
    white-space: nowrap;
    font-size: 10px;
    }
#portal-menutop li {
    padding-left: 6em;
    }
#portal-menutop li a {
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    }
#portal-menutop li a:hover {
    background-color: transparent;
    color: #087ac0;
    border: none;
    }
#menuactions{
    display: inline;
    }
#portal-logo img {
    margin:0 0 2em 0.5em;
    }
#portal-searchbox{
    position: absolute;
    right: 0;
    top: 1em;
    margin: 3.5em 0 0;
    width: 250px;
    height: 60px;
    }
#portal-personaltools-wrapper{
    clear: right;
    position: relative;
    right: 0;
    bottom: 4em;
    }
#portal-personaltools{
    background-color: transparent;
    border: none;
    margin-top: 1em;
    }
.state-internal{
    color:#ff0000 !important;
    }

/********** PORTAL HEADER *************/
#portal-header{
    background: url('back-top.png') no-repeat 0 0 transparent;
    position: relative;
    }
input.searchButton {
    background: url("bot-search.png") no-repeat scroll center center transparent;
    height: 27px;
    padding: 1px 1px 1px 7px;
    text-transform: none;
    width: 75px;
    color: white;
    font-size: 12px;
    border:none;
    }
.LSBox{
     width: auto;
     height: auto;
     overflow: hidden;
    }
#searchGadget{
     height: 26px;
    }

/*************  ENTIDADES ******************/
.boxEntidades{
    }

#entidades{
    width: 100%;
    float: left;
    }

#slideshowEntidad {
    margin:0 auto;
    width:980px;
    height:200px;
    position:relative;
}
#slideshowEntidad #slidesContainerEntidad {
  margin:0 auto;
  width:900px;
  height:200px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshowEntidad #slidesContainerEntidad .slideEntidad {
  margin:0 auto;
  width:200px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:200px;
}

/**
 * Slideshow controls style rules.
 */
.controlEntidad {
  display:block;
  width:32px;
  height:200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlEntidad {
  top:0;
  left:0;
  background:transparent url('izqEntidad.png') no-repeat center center;
}
#rightControlEntidad {
  top:0;
  right:0;
  background:transparent url('derEntidad.png') no-repeat center center;
}

/*********** FRONT PAGE ***************/
#news,#directory,
#discover,#actual,
#gallery,#videos{
    width: 450px;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    vertical-align: top;
    margin-right: 1em;
    }
.content,#descubre,#actualidad,.contentMultimedia{
    border:1px solid #ccc;
    }
div.bodydescubre{
    margin: 0;
    padding-right: 2em;
    padding-bottom: 2em;
    width: 180px;
    vertical-align: top;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    }
.bodynews, ul.bodydirectory{
    width: 190px;
    margin: 0 0 0 2em;
    vertical-align: top;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    }
.title,.documentFirstHeading{
    color: #087ac0;
    font-weight: bold;
    border:none;
    }
h3.trigger a:hover,h3.tileHeadline a:hover{
    color: #000 !important;
    }
.ui-widget{
    font-size: 100%;
    }
.imgdescubre{
    float: left;
    margin-right: 1em;
    }
ul.toggle_container{
    margin-left: 2em;
    }

/******* JQUERY ********/
.ui-widget-header{
    background: url("") repeat-x scroll 50% 50% #f1f8fa;
    border: none;
    color: #000;
    font-weight: bold;
    }
.ui-state-active, .ui-widget-content .ui-state-active{
    border: none;
    }
.ui-tabs,.ui-tabs .ui-tabs-nav{
    padding: 0;
    }
.ui-state-default, .ui-widget-content .ui-state-default{
    border: none;
    background: url("") repeat-x scroll 50% 50% transparent;
    }
.ui-tabs .ui-tabs-nav li a{
    font-weight: bold;
    font-size: 12px;
    color: #000;
    }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
    background-color: #fff;
    }


/********** MULTIMEDIA ************/

#multimedia{
    margin: 1em 2em;
    float: left;
    }

/*galeria*/
#slideshowMulti {
    margin:0 auto;
    width:450px;
    height:207px;
    overflow: hidden;
    position:relative;
}
#slideshowMulti #slidesContainerMulti {
  width:400px;
  margin:3em;
  height:207px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshowMulti #slidesContainerMulti .slideMulti {
  margin:0 auto;
  width:400px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:207px;
}

/**
 * Slideshow controls style rules.
 */
.controlMulti {
  display:block;
  width:20px;
  height:207px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlMulti {
  top:0;
  left:0;
  background:transparent url('flecha-izq-small.png') no-repeat center center;
}
#rightControlMulti {
  top:0;
  right:0;
  background:transparent url('flecha-der-small.png') no-repeat center center;
}


#contentVideo{
    position: relative;
    width: 450px;
    height: 207px;
    }
.imgMulti{
    float: left;
    }
.bodyGallery{
    float: left;
    margin:4em 1em;
    width: 180px;
    }
.bodyGallery p{
    font-size: 10px;
    }
/*** video ***/
#videoFirst{
     margin: 3em 1em 3em 3em;
    }
/*#slideshowvideo{
     width: 200px;
     height: 200px;
     position: relative;
    }
#slidesContainervideo{
    height: 100px;
    margin: 3em auto;
    padding-top: 3em;
    position: relative;
    width: 65px;
    }
.slidevideo{
    height: 47px;
    width: 64px;
    }
.controlvideo{
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    text-indent: -10000px;
    width: 200px;
    }
#upControlvideo{
    background: transparent url('flecha-up.png') no-repeat center center;
    left: 0;
    top: 0;
    }
#downControlvideo{
    background: transparent url('flecha-down.png') no-repeat center center;
    left: 0;
    bottom: 0;
    }*/
#slideshowvideo {
    margin:0 auto;
    width:200px;
    height:200px;
    position:relative;
}
#slideshowvideo #slidesContainervideo {
  width:65px;
  height:100px;
  margin: 3em auto;
  padding: 1px;
  padding-top: 4em;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshowvideo #slidesContainervideo .slidevideo {
  margin:0 auto;
  width:64px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:47px;
}

/**
 * Slideshow controls style rules.
 */
.controlvideo{
  display:block;
  width:200px;
  height:16px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#upControlvideo {
  top:0;
  left:0;
  background:transparent url('flecha-up.png') no-repeat center center;
}
#downControlvideo{
  bottom: 0;
  right:0;
  background:transparent url('flecha-down.png') no-repeat center center;
}
#videoFirst,#slideshowvideo{
    vertical-align: top;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    }

.imgVideo{
     margin:5px;
    }
/***** FOOTER ADN COLOPHON******/
#footerback{
    background: #f6f6f2 url('') repeat 0 0;
    }
#foot{
    background-color: #f6f6f2;
    }
#colophon{
    margin:0 auto;
    padding:1px;
    width: 980px;
    }
#colophonContent{
    padding: 2em;
    }
#footer{
    margin:0;
    }
#encuestas,
#blogs,
#eventos{
    width: 220px;
    margin: 0;
    padding: 1px 4em;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    vertical-align: top;
    }
#blogs dt,
#encuestas dt a,
#blogs dt a,
#eventos dt a{
    color: black;
    text-decoration: none;
    font-size: 12px;
    }
#encuestas dd a,
#blogs dd a,
#eventos dd a{
    color: black;
    text-decoration: none;
    }
#encuestas dd a:hover,
#blogs dd a:hover,
#eventos dd a:hover{
    border-bottom: 1px solid #ccc;
    }
#encuestas dd,
#blogs dd,
#eventos dd{
    margin-left: 1em;
    margin-bottom: 0.2em;
    }
#footer{
    border-top: 1px solid #ccc;
    padding: 1em;
    width: 980px;
    margin:0 auto !important;
    }
#sponsort{
    width: 550px;
    margin: 0;
    padding: 1px 4em;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    vertical-align: top;
    }
.texto{
    margin: 0;
    text-align: right;
    padding: 1px 4em;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: -moz-inline-stack;
    display:inline-block;
    zoom: 1; /* IE7 (hasLayout)*/
    *display: inline; /* IE */
    vertical-align: top;
    }
#portal-siteactions {
    background-color: transparent;
    float: none;
    height: auto;
    line-height: normal;
    list-style-image: none;
    list-style-type: none;
    margin: 1px 0 0;
    padding: 3px 2em 3px 13em;
    position: relative;
    white-space: nowrap;
    }

#portal-siteactions li{
    border-right: 1px solid #000;
    }
#portal-siteactions li a {
     border:none;
     margin: 1em;
     color: black;
    }

#portal-siteactions li a:hover {
    border:none;
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    }